<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <?php $this->load->view('head'); ?>
        <link type="text/css" href="<?php echo base_url() . "css/redmond/jquery-ui-1.8.14.custom.css"; ?>" rel="stylesheet" />
        <script src="<?php echo base_url() . "js/jquery-ui-1.8.14.custom.min.js"; ?>" type="text/javascript"></script>
        <script src="<?php echo base_url() . "js/jquery.ui.datepicker-es.js" ?>" type="text/javascript"></script>
        <link rel="stylesheet" type="text/css" media="screen" href="<?php echo base_url() . "css/ui.jqgrid.css" ?>" />
        <script src="<?php echo base_url() . "js/i18n/grid.locale-es.js" ?>" type="text/javascript"></script>
        <script src="<?php echo base_url() . "js/jquery.jqGrid.min.js" ?>"  type="text/javascript"></script>
        <style type="text/css">
            .ui-jqgrid tr.jqgrow td {
                white-space: normal !important;
                height:auto;
                vertical-align:text-top;
                padding-top:2px;
            }
        </style>
        <title></title>
        <script type="text/javascript">
            $(document).ready(function(){
                jQuery("#list").jqGrid({
                    url: '<?php echo site_url("grilla/discapa/$transaccion"); ?>',
                    datatype: 'xml',
                    mtype: 'POST',
                    colNames:['Acciones','Tipo Discapacidad','Descripción'],
                    colModel :[
                        {name:'accion',index:'accion', width:130,editable:false},
                        {name:'tipDiscapacidad',index:'tipDiscapacidad', width:180,editable:true},
                        {name:'tempText1',index:'tempText1', width:200,editable:true}
                    ],
                    loadComplete: function(){
                        var ids = jQuery("#list").getDataIDs();
                        for(var i=0;i<ids.length;i++){
                            var cl = ids[i];
                            var se = "<input type='button'  value='Editar' class='btnEnGrilla' onclick=\"fnModifica('" + cl + "','1','0');\" \\>";
                            se = se + "&nbsp;<input type='button' onclick=\"fnModifica('" + cl + "','D','1');\" value='Eliminar' class='btnEnGrillaElimina' \\>";
                            jQuery("#list").setRowData(cl,{accion:se});
                        }
                        <?php if($permisoEdita == "No") echo "fntodoLectura();"; ?>
                    },
                    autowidth: true,
                    pager: jQuery('#pager'),
                    rowNum:50,
                    rowList:[10,20,30,50],
                    sortname: 'tipDiscapacidad',
                    sortorder: "asc",
                    viewrecords: true,
                    caption: 'REGISTROS DE DISCAPACIDADES',
                    height:260
                });
                //Barra de navegación
                jQuery("#list").navGrid('#pager',{edit:false,add:false,del:false,search:false,view:true});
                $("#btnGuardar").click(function(){
                    validacion();
                });
                $("#btnSiguiente").click(function(){
                    if(fnValAnt())
                        window.location = "<?php echo site_url("registro/adminSalud/100/$transaccion"); ?>";
                });
                $("#btnAnterior").click(function(){
                    if(fnValAnt())
                        window.location = "<?php echo site_url("registro/expLaboral/100/$transaccion"); ?>";
                });
                <?php if($permisoEdita == "No") echo "fntodoLectura();"; ?>
            }); //fin $(document).ready(function(){
            function fnValAnt(){ //funcion para validar si hay informacion antes de navegar entre las ventanas
                var vacio = true;
                $("form  input:text").each(function(){
                    if(!vacio) return;
                    if($(this).val() != "") vacio = false;
                });
                if(vacio)
                    $("form  select").each(function(){
                        if(!vacio) return;
                        if($(this).val() != "") vacio = false;
                    });
                if(vacio)
                    $("form  textarea").each(function(){
                        if(!vacio) return;
                        if($(this).val() != "") vacio = false;
                    });
                if(!vacio){ //no esta vacio el formulario
                    return confirm("Hay información que no ha guardado. ¿Desea continuar?");
                }
                else return vacio;
            }
            function fnModifica(idRow,accion,opc){
                switch (opc) {
                    case '0':
                        var url = "<?php echo site_url("registro/discapacidad/"); ?>/" + accion + "/" + $("#transaccion").val() + "/" + idRow;
                        $.getJSON(url, function(datos){
                            $("#tipo").val(datos.tempVarchar1);
                            $("#descripcion").val(datos.tempText1);
                            $("#causa").val(datos.tempText1);
                            $("#tempId").val(datos.tempId);
                            $("#formExperiencia").attr("action", '<?php echo site_url("registro/discapacidad/") . "/E"; ?>')
                            $('#hdAccion').val('E');
                        });
                        break;
                    default:
                        var url = "<?php echo site_url("registro/discapacidad/"); ?>/" + accion + "/" + idRow;
                        if(confirm("¿Seguro que desea eliminar el registro?")){
                            $.post(url,function(){
                                fnReset();
                            });
                        }
                        break;
                    }
                }
                function validacion(){
                    /*Validaciones previas a guardar la información de la discapacidades */
                    var retorna = false;
                    if($("#tipo").val() == ""){
                        alert("Elija el tipo de Discapacidad");
                        $("#tipo").focus();
                        retorna = false;
                    }
                    if($("#descripcion").val() == ""){
                        alert("Describa brevemente la discapacidad");
                        $("#descripcion").focus();
                        return false;
                    }
                    if($('#hdAccion').val() == "C"){
                        var url = "<?php echo site_url("validacion/validaDiscapacidad/$transaccion"); ?>/" + $("#tipo").val();
                        $.post(url,function(data){
                            if(parseInt(data) == 0){
                                $.post($("#formExperiencia").attr("action"),$("#formExperiencia").serialize() ,function(){
                                    fnReset();
                                });
                            }else{
                                alert("Ya existe una discapacidad del  tipo " + $("#tipo option:selected").text() + ", para agregar un comentario u observación adicional a ésta debe editarla.")
                                retorna = false;
                            } 
                        });
                    }else{
                        $.post($("#formExperiencia").attr("action"),$("#formExperiencia").serialize() ,function(){
                            fnReset();
                        });
                    }
                    return retorna;
                } //fin function validacion(){
                function fnReset(){
                    $('#btnGuardar').val('Guardar');
                    $('#formExperiencia').attr('action','<?php echo site_url("registro/discapacidad/") . "/0"; ?>');
                    $("#tipo").val('');$("#descripcion").val('');$("#tempId").val('');
                    $('#list').trigger('reloadGrid');
                    $('#hdAccion').val('C');
                    return;
                } //fin function fnReset(){
        </script>
    </head>
    <body>
        <div class="divTitulo">REGISTRO DISCAPACIDADES</div>
        <?php $this->load->view("tituloGrilla"); ?>
        <?php $this->load->view("enBody"); ?>

        <form id="formExperiencia" action="<?php echo site_url("registro/discapacidad/0"); ?>" method="post" onsubmit="return validacion();">
            <table>
                <tr>
                    <td colspan="4"><label for="tipo">Tipo de Discapacidad</label> <select id="tipo" name="tipo" title="Tipo de formación" >
                            <option value="">Elija</option>
                            <?php
                            foreach ($disca->result() as $row)
                                echo "<option value='" . $row->tipDiscapacidadId . "' >" . $row->tipDiscapacidad . "</option>";
                            ?>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td><label for="descripcion">Descripción</label></td>
                    <td><textarea id="descripcion" name="descripcion" rows="5" cols="30"></textarea></td>
                </tr>
                <tr>
                    <td colspan="4" style="text-align: center">
                        <input type="button" value="Guardar" id="btnGuardar" />
                        <input type="button" value="Limpiar" onclick="return fnReset();" />
                        <input type="button" value="Cerrar Ventana" onclick="window.close();" />
                        <input type="hidden" value="<?php echo $transaccion; ?>" name="transaccion" id="transaccion" />
                        <input type="hidden" value="" name="tempId" id="tempId" />
                        <input type="hidden" value="C" name="hdAccion" id="hdAccion" />
                    </td>
                </tr>
                <tr>
                    <td colspan="4" style="text-align: center">
                        <input type="button" value="Anterior" id="btnAnterior" style="font-style: italic"/>
                        <input type="button" value="Siguiente" id="btnSiguiente" style="font-style: italic"/>
                    </td>
                </tr>
            </table>
        </form>
        <div id="pager" class="scroll" style="text-align:center;"></div>
        <table id="list" class="scroll" style="font-size: 14px"></table>
    </body>
</html>
